$('.close').on('click', function () {
    $('.paimai').slideUp('fast');
})


$('.lf .local').hover(function () {
    $(this).addClass('white');
    $('.lf .chengshi').show();
}, function () {
    $('.lf .chengshi').hide();
    $(this).removeClass('white');
})
$('.wdjd').hover(function () {
    $(this).addClass('white');
    $('.wdjd_list').show();
}, function () {
    $('wdjd_list').hide();
    $(this).removeClass('white');
    $('.wdjd_list').hide();
})
$('.khfw').hover(function () {
    $(this).addClass('white');
    $('.khfw_list').show();
}, function () {
    $('khfw_list').hide();
    $(this).removeClass('white');
    $('.khfw_list').hide();
})
$('.wzdh').hover(function () {
    $(this).addClass('white');
    $('.wzdh_list').show();
}, function () {
    $('wzdh_list').hide();
    $(this).removeClass('white');
    $('.wzdh_list').hide();
})


$('.shang .xinren div').hover(function () {
    $(this).css({
        'background-color': ' red',
        'color': 'white',
        'cursor': 'pointer'
    })
}, function () {
    $(this).css({
        'background-color': ' white',
        'color': 'red',
        'cursor': 'default'
    })
})


$('#chuxiao').hover(function () {
    $(this).siblings().removeClass('decorder');
    $(this).addClass('decorder');
    $('.cxcontent').siblings().hide();
    $('.cxcontent').show();
})
$('#gonggao').hover(function () {
    $(this).siblings().removeClass('decorder');
    $(this).addClass('decorder');
    $('.ggcontent').siblings().hide();
    $('.ggcontent').css({
        'display': 'block'
    });
})


// lunbo
var index = 0;
var timer = setInterval(changeIndex, 2000);

function changeIndex() {
    index = index >= $('#slideBox .imgBox img').length - 1 ? 0 : index + 1;
    changeImage();
}

function changeImage() {
    $('#slideBox .imgBox img').eq(index).fadeIn('fast').siblings().fadeOut('fast');
    $('.indicators span').eq(index).addClass('current').siblings().removeClass('current');
}

$('#prev').click(function () {
    index = index <= 0 ? $('#slideBox .imgBox img').length - 1 : index - 1;
    changeImage();
})

$('#next').click(function () {
    changeIndex();
})

$('.indicators span').hover(function () {
    clearInterval(timer);
    index = $(this).index();
    changeImage();
}, function () {
    timer = setInterval(changeIndex, 2000);
})
$('.buttons div').hover(function () {
    $('.buttons div').css('opacity', '0.4');
    clearInterval(timer);
}, function () {
    $('.buttons div').css('opacity', '0');
    timer = setInterval(changeIndex, 2000);
})

// countdown
var targetDate = new Date('2017-09-22 22:30:00').getTime();
var nowDate = new Date().getTime();
var time = Math.floor((targetDate - nowDate) / 1000);
var MIN = 60;
var HOUR = 60 * MIN;

function handleStr(str) {
    str = str >= 0 ? '0' + str : "0";
    return str.substr(-2);
}

function showTime() {
    var hours = Math.floor(time / HOUR);
    var minutes = Math.floor(time % HOUR / MIN);
    var seconds = Math.floor(time % MIN);

    var resultStr = '';
    if (time <= 0) {
        resultStr = '结束抢购';
    } else {
        if (hours < 1) {
            if (minutes < 1) {
                resultStr = '<span>' + handleStr(seconds) + '</span>';
            } else {
                resultStr = '<span>' + handleStr(minutes) + '</span>' + '<span class="mh">:</span>' + '<span>' + handleStr(seconds) + '</span>';
            }
        } else {
            resultStr = '<span>' + handleStr(hours) + '</span>' + '<span class="mh">:</span>' + '<span>' + handleStr(minutes) + '</span>' + '<span class="mh">:</span>' + '<span>' + handleStr(seconds) + '</span>';
        }
    }
    document.querySelector('h1').innerHTML = resultStr;
}

function count() {
    setTimeout(function () {
        time--;
        showTime();
        setTimeout(arguments.callee, 1000);
    }, 1000);
}
count();

// 秒杀左侧轮播



// 秒杀右边轮播
var ms_rt_index = 0;
var ms_rt_timer = setInterval(ms_rt_changeIndex, 2000);

function ms_rt_changeIndex() {
    ms_rt_index = ms_rt_index >= $('.ms_rt_imgBox>img').length - 1 ? 0 : ms_rt_index + 1;
    ms_rt_changeImage();
}

function ms_rt_changeImage() {
    $('.ms_rt_imgBox>img').eq(ms_rt_index).fadeIn('fast').siblings().fadeOut('fast');
    $('.ms_rt_indicators>span').eq(ms_rt_index).addClass('current').siblings().removeClass('current');
}

$('.ms_rt_indicators>span').hover(function () {
    clearInterval(ms_rt_timer);
    ms_rt_index = $(this).index();
    ms_rt_changeImage();
}, function () {
    ms_rt_timer = setInterval(ms_rt_changeIndex, 2000);
})


// 右边侧条
$('.index_right_first').hover(function () {
    $(this).css({
        'background-color': 'red',
        'opacity': '1'
    })
    $(this).siblings().stop().css({
        'left': '-97px',
        'display': 'block'
    })
}, function () {
    $(this).css({
        'background-color': 'black',
        'opacity': '0.9'
    })
    $(this).siblings().stop().css({
        'left': '0px',
        'display': 'none'
    })
})

// 滑动出现顶部搜索
$(function () {
    $(window).scroll(function () {
        if ($(window).scrollTop() >= 200) {
            $('.nav_bar_top_fix').css({
                'display': 'block'
            })
        } else {
            $('.nav_bar_top_fix').css({
                'display': 'none'
            })
        }
    })
})

// 寻觅轮播
var xinmi_index = 0;
var xinmi_timer = setInterval(xinmi_changeIndex, 2000);

function xinmi_changeIndex() {
    xinmi_index = xinmi_index >= $('.show_xummi').length - 1 ? 0 : xinmi_index + 1;
    xinmi_changeImage();
}

function xinmi_changeImage() {
    $('.show_xummi').eq(xinmi_index).fadeIn('fast').siblings().fadeOut('fast');
    $('.xinmi_indicators span').eq(xinmi_index).addClass('current').siblings().removeClass('current');
}

$('#xinmi_prev').click(function () {
    xinmi_index = xinmi_index <= 0 ? $('.show_xummi').length - 1 : xinmi_index - 1;
    xinmi_changeImage();
})

$('#xinmi_next').click(function () {
    xinmi_changeIndex();
})

$('.xinmi_indicators span').hover(function () {
    clearInterval(xinmi_timer);
    xinmi_index = $(this).index();
    xinmi_changeImage();
}, function () {
    xinmi_timer = setInterval(xinmi_changeIndex, 2000);
})
$('.xinmi_buttons div').hover(function () {
    $('.xinmi_buttons div').css('opacity', '0.4');
    clearInterval(xinmi_timer);
}, function () {
    $('.xinmi_buttons div').css('opacity', '0');
    xinmi_timer = setInterval(xinmi_changeIndex, 2000);
})

// 会买专辑轮播
var huimai_index = 0;
var huimai_timer = setInterval(huimai_changeIndex, 2000);

function huimai_changeIndex() {
    huimai_index = huimai_index >= $('.show_huimai').length - 1 ? 0 : huimai_index + 1;
    huimai_changeImage();
}

function huimai_changeImage() {
    $('.show_huimai').eq(huimai_index).fadeIn('fast').siblings().fadeOut('fast');
    $('.huimai_indicators span').eq(huimai_index).addClass('current').siblings().removeClass('current');
}

$('#huimai_prev').click(function () {
    huimai_index = huimai_index <= 0 ? $('.show_huimai').length - 1 : huimai_index - 1;
    huimai_changeImage();
})

$('#huimai_next').click(function () {
    huimai_changeIndex();
})

$('.huimai_indicators span').hover(function () {
    clearInterval(huimai_timer);
    huimai_index = $(this).index();
    huimai_changeImage();
}, function () {
    huimai_timer = setInterval(huimai_changeIndex, 2000);
})
$('.huimai_buttons div').hover(function () {
    $('.huimai_buttons div').css('opacity', '0.4');
    clearInterval(huimai_timer);
}, function () {
    $('.huimai_buttons div').css('opacity', '0');
    huimai_timer = setInterval(huimai_changeIndex, 2000);
})

// 京东直播lunbo
var jdzb_index = 0;
var jdzb_timer = setInterval(jdzb_changeIndex, 2000);

function jdzb_changeIndex() {
    jdzb_index = jdzb_index >= $('.show_huimai').length - 1 ? 0 : jdzb_index + 1;
    jdzb_changeImage();
}

function jdzb_changeImage() {
    $('.show_jdzb').eq(jdzb_index).fadeIn('fast').siblings().fadeOut('fast');
    $('.jdzb_indicators span').eq(jdzb_index).addClass('current').siblings().removeClass('current');
}

$('#jdzb_prev').click(function () {
    jdzb_index = jdzb_index <= 0 ? $('.show_jdzb').length - 1 : jdzb_index - 1;
    jdzb_changeImage();
})

$('#jdzb_next').click(function () {
    jdzb_changeIndex();
})

$('.jdzb_indicators span').hover(function () {
    clearInterval(jdzb_timer);
    jdzb_index = $(this).index();
    jdzb_changeImage();
}, function () {
    jdzb_timer = setInterval(jdzb_changeIndex, 2000);
})
$('.jdzb_buttons div').hover(function () {
    clearInterval(jdzb_timer);
}, function () {
    jdzb_timer = setInterval(jdzb_changeIndex, 2000);
})
